<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const goBack = () => {
  router.push('/');
};
</script>

<template>
  <div class="register-container">
    <h1>注册</h1>
    <div class="register-form">
      <input type="text" placeholder="用户名" />
      <input type="password" placeholder="密码" />
      <input type="password" placeholder="确认密码" />
      <button @click="goBack">返回</button>
    </div>
  </div>
</template>

<style scoped>
.register-container {
  height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.register-form {
  background: rgba(255, 255, 255, 0.2);
  padding: 2rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 300px;
}
.register-form input {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
}
.register-form button {
  padding: 0.5rem;
  background: #764ba2;
  color: white;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
}
</style>